/*website  company  introduce*/
.intro-logo img{
	display: block;
	margin: 90px auto 57px;
}
.intro-img{
	width: 90%;
	margin:0 auto;
}
.intro-img img{
	width: 100%;
	display: block;
	margin: 68px auto 35px;
}
.intro-con p{
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	margin-top:36px; 
}
/*website company culture*/
.company-content{
	width: 1200px;
	height: 968px;
	margin: 0 auto;
}
.culture{
	overflow: hidden;
	margin-top:52px;
	width: 100%;
	height: 968px;
	background-image:linear-gradient(to right, #d8a7ff 5%,#668cf7 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.cul-logo{
	width: 100%;
}
.cul-logo img{
	display: block;
	margin: 0 auto;
	padding-top:60px;
	padding-bottom:73px;
}
.company{
	width: 6470px;
	height: 643px;
	position: relative;
	top:0;
	left: -1003px;
}
.company:after{
	display: block;
	clear: both;
	content:"";
}
.company{
	_zoom:1;
}
.com{
	width: 1050px;
	height: 607px;
	position: relative;
	top:0;
	left: 0;
	margin-right: 28px; 
	float: left;
	overflow: hidden;
}
.com-spe{
	height: 643px;
	margin-top: -18px;
}
.com .detail{
	display: none;
}
.com-spe .detail{
	display: block;
}
.shade{
	box-shadow: 0 0 15px 5px #777;
}
.detail{
	position: absolute;
	right: 0;
	top: 0;
}
/*about us*/
.about,.about-img{
	width: 100%;
	height: auto;
}
.about-img img{
	display: block;
	margin: 151px auto 74px;
}
.about p{
	text-align: center;
}
.team{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}
.team-con{
	font-size: 14px;
	line-height: 25px;
	margin-bottom: 35px;
}
.team-eng{
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 83px;
	color: #878787;
	text-transform:uppercase;
}
.photo{
	width: 1168px;
	height: 550px;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
.photo .pre{
	position: absolute;
	left: 0;
	top:45%;
	cursor: pointer;
	z-index: 100;
}
.photo .next{
	position: absolute;
	right: 0;
	top:45%;
	cursor: pointer;
	z-index: 100;
}
.photolist{
	width: 1012px;
	height: 537px;
	/*border:1px solid red;*/
	margin:0 auto;
	overflow: hidden;
}
.photo-para{
	width: 3145px;
	height: 537px;
	/*border:1px solid green;*/
	position: relative;
	left:-349px;
	top:0; 
}
.photo-para .para{
	width: 314px;
	height: 537px;
	float: left;
	background-color: #fff;
	margin-right: 35px;
}
/*company service*/
.service,.service-img{
	width: 100%;
	height: auto;
}
.service-img img{
	display: block;
	margin:201px auto 145px;
}
.service-con{
	width: 100%;
	height: 570px;
	position: relative;
	margin-bottom:255px;
}
.con-left{
	width: 275px;
	height: 79px;
	position: absolute;
	left: 0;
	top:0;
	line-height: 25px;
	background-image:linear-gradient(to right, #d8a7ff 10%,#668cf7 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.con-left-con{
	font-size: 21px;
	position: absolute;
	right: 0;
	bottom: -22px;
}
.con-left-con p{
	color: #fff;
	font-weight: 700;
}
.con-right{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 110px;
	height: 83px;
	background-image:linear-gradient(to right, #d8a7ff 10%,#668cf7 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.con-center{
	width: 1178px;
	height: auto;
	margin: 0 auto;
}
.con-center-left,.con-center-right{
	width:570px;
	height: 570px;
	overflow: hidden; 
}
.con-center-left{
	float: left;
}
.con-center-right{
	float: right;
}
/*移动端css*/
/*mobile  website introduce*/
.mob-introduce{
	width: 100%;
	height: auto;
	padding: 0 5%;
}
.mob-introduce img{
	width: 30%;
	display: block;
	margin:0 auto;
	padding: 26px 0 21px;
}
.mob-introduce p{
	font-size: 12px;
	line-height: 20px;
}
.mob-introduce-img img{
	display: block;
	width: 90%;
	margin:0 auto 15px; 
}
.mob-introduce p.p-second{
	margin:30px 0;
}
/*mobile  website culture*/
.mob-culture{
	margin-top: 40px;
	width: 100%;
	height: auto;
	padding: 25px 0 25px;
	background-image:linear-gradient(to right, #d8a7ff,#668cf7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.mob-cul-logo img{
	width: 30%;
	display: block;
	margin:0 auto;
	padding-bottom: 33px;
}
.carousel-control.right,.carousel-control.left{
	background-image: none;
}
/*mobile  website about  us*/
.mob-aboutus{
	width: 100%;
	height: auto;
	padding: 0 5%;
}
.mob-aboutus-logo img{
	display: block;
	width: 30%;
	margin:0 auto;
	padding: 37px 0 33px;
}
.mob-aboutus p{
	text-align: center;
}
.mob-team{
	font-size: 12px;
	font-weight: 700;
}
.mob-team-con{
	font-size: 11px;
	color: #686b70;
	padding: 18px 0 10px;
	line-height: 20px;
}
.mob-team-eng{
	font-size: 9px;
	color: #8fd8d8d;
	line-height: 20px;
	margin-bottom: 45px;
}
.mob-culture .carousel-inner .item img{
	width: 100%;
}
.carousel-inner .item img{
	width: 70%;
	margin:0 auto;
}
/*mobile  website service*/
.mob-service{
	width: 100%;
	height: auto;
	padding: 89px 0 54px;
}
.mob-service-img img{
	width: 30%;
	display: block;
	margin:0 auto;
	padding-bottom:24px;
}
.mob-con-center{
	width: 100%;
	height: auto;
	padding: 23px 3% 17px;
}
.mob-con-left-con{
	width: 40%;
	height: 24px;
	font-size: 10px;
	line-height: 24px;
	text-align: right;
	font-weight: 700;
	padding-right: 5px;
	background-image:linear-gradient(to right, #d8a7ff,#668cf7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
}
.mob-con-left-con p{
	color: #fff;
	font-size: 12px;
}
.mob-con-left-con i{
	color: #aaa;
}
.mob-con-right{
	background-image:linear-gradient(to right, #d8a7ff,#668cf7);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8a7ff', endColorstr='#668cf7',GradientType=1 );
	width: 10%;
	height: 18px;
	float: right;
}
